﻿@using MalkiSumWeb.Controllers;
@if (MainController.IsAuthenticated)
{
    MalkiSumWeb.Models.SumrizDBEntities db = new MalkiSumWeb.Models.SumrizDBEntities();
    <div class="col-lg-2">
        <div class="panel-group profileMenu" id="accordion">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a class="active" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                            @MainController.myFirstName &nbsp; @MainController.myLastName </a>
                    </h4>
                </div>
                <div id="collapseOne" class="panel-collapse collapse in">
                    <div class="panel-body">
                        <div class="profile">
                            <a href="@Url.Action("Profile","Account")" class="edit" title="Edit Profile Info"><i class="fa fa-edit">
                            </i></a>
                            @if (MainController.myPersonalImageUrl != "")
                            {
                                <img src="@Url.Content("~/Content/Users/" + MainController.myUserID + "/Profile/" + MainController.myPersonalImageUrl)" />
                            }
                            else
                            {
                                if (MainController.myGender)
                                {
                                <img src="@Url.Content("~/Content/Users/mProfile.png")"/>
                                }
                                else
                                {
                                <img src="@Url.Content("~/Content/Users/fProfile.png")"/>
                                }
                            }
                            <p>
                                Member Since: @MainController.myCreatedDate.Value.ToString("dd/MM/yyyy")</p>
                            <p>
                                FOCUS: Web Design, Advertising, UI/UX <a href="javascript:void(0);">More</a></p>
                            <hr>
                            <div class="contact">
                                <a href="javascript:void(0);"><i class="fa fa-envelope"></i>Message</a> <a href="javascript:void(0);"
                                    class="pull-right"><i class="fa fa-share"></i>Share</a>
                            </div>
                            <button class="btn mainAct">
                                Follow</button>
                            <hr>
                            <ul class="states">
                                <li><a href="javascript:void(0);"><strong>10</strong>Uploads</a></li>
                                <li><a href="javascript:void(0);"><strong>20</strong>Shares</a></li>
                                <li class="noBorder"><a href="javascript:void(0);"><strong>70</strong>Reads</a></li>
                            </ul>
                            <hr>
                            <ul class="follow">
                                <li><a href="javascript:void(0);"><strong>20</strong>Followers</a></li>
                                <li class="noBorder"><a href="javascript:void(0);"><strong>70</strong>Following</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"><i class="fa fa-book">
                        </i>My Library </a>
                    </h4>
                </div>
                <div id="collapseTwo" class="panel-collapse collapse">
                    <div class="panel-body">
                        Library item
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"><i class="fa fa-envelope">
                        </i>My Inbox </a>
                    </h4>
                </div>
                <div id="collapseThree" class="panel-collapse collapse">
                    <div class="panel-body">
                        inbox items
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    
   
   
}
else
{    
    <ul class="nav navbar-nav navbar-right access">
        <li><a href="@Url.Content("~/Account/LogOn")">Login</a></li>
        <li class="active"><a href="@Url.Content("~/Account/LogOn")" class="noBorder">Signup</a></li>
    </ul>   
}
